<!--订单管理-->
<template>
    <div>
        <!--1-->
         <el-row class="nav_a_top">
            <el-col :span="24"><div class="grid-content bg-purple-light"><div>订单管理</div></div></el-col>
        </el-row>
        <!--2-->
        <form class="dingdan_form">
            <input type="text" placeholder="手机号">
            <input type="text" placeholder="姓名">
            <input type="text" placeholder="状态">
            <input type="text" placeholder="配送员">
            <input type="text" placeholder="开始时间">
            <input type="text" placeholder="结束时间">
            <button class="dingdan_form_shaixuan">筛选</button>
        </form>
        <!--3-->
        <table class="diandan_table">
            <tr>
                <td>订单号</td>
                <td>姓名</td>
                <td>手机号</td>
                <td>订单内容</td>
                <td>订单金额</td>
                <td>下单时间</td>
                <td>配送时间</td>
                <td>制餐厨房</td>
                <td>仓柜名称</td>
                <td>柜仓号</td>
                <td>配送员</td>
                <td>打印状态</td>
                <td>打印操作</td>
                <td>状态</td>
                <td>操作</td>
            </tr>
            <tr>
                <td>200236526</td>
                <td>阿达西</td>
                <td>15777777777</td>
                <td>黄焖鸡米饭*1</td>
                <td>15.00元</td>
                <td>2017-09-13 18：09</td>
                <td>2017-09-13</td>
                <td>美地</td>
                <td>海汇中心001餐柜</td>
                <td>18</td>
                <td>小琴</td>
                <td>已打印</td>
                <td>重新打印</td>
                <td>未配送</td>
                <td>
                    <span>发送取餐码</span>
                    <span>详情</span>
                </td>
            </tr>
        </table>
    </div>
</template>
<script>
    export default{
        name:"dingdan",
        data(){
            return{

            }
        },

    }
</script>
<style scoped>
/*1*/
.nav_a_top{height: 40px;background-color: white;padding: 10px;}
/*2*/
.dingdan_form{margin-top: 15px;}
.dingdan_form input{padding: 4px 0px 4px 7px;}
.dingdan_form_shaixuan{background-color: white;border: 1px solid #bbb;width: 80px;height: 30px;display: inline-block;border-radius: 7px;margin-left: 10px;background-color: #bbb;}
/*3*/
.diandan_table{margin-top: 15px;background-color:white;width: 100%}
.diandan_table>tr:nth-child(1){background-color:#cdcdcd;}
.diandan_table td{height: 50px;border: 1px solid #bbb;text-align: center;}
.xian{width: 3px;height: 50px;background-color: #fffbbb;float: right;margin-right: 186px;}
</style>